<script type="text/javascript">//<![CDATA[
  new Alfresco.YouTube("${args.htmlid}").setOptions(
  {
    "componentId": "${instance.object.id}",
    "titleStr": "${title}",
    "ytUrlStr": "${ytUrl}",
    "startStr": "${start}"
  });
  new Alfresco.widget.DashletResizer("${args.htmlid}", "${instance.object.id}");
//]]></script>

<div class="dashlet youtube">
  
  <div id="${args.htmlid}-title" class="title">
    ${title}
  </div>
  <#if hasConfigPermission>
	<div class="toolbar">
		<a id="${args.htmlid}-configYouTube-link" class="configure theme-color-1" href="#">${msg("config")}</a>
	</div>
  </#if>
  
  <div class="body" style="height: <#if args.height??>${args.height}px;<#else>350px;</#if>">
    <iframe id="${args.htmlid}-YouTube" frameborder="0" scrolling="auto" width="100%" height="100%" src="${ytUrl}"></iframe>
    <div class="resize-mask"></div>
  </div>
  <div id="seperator"></div>

</div>